<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$menus[1]['name']}</title>
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="cleartype" content="on">
    <meta name="MobileOptimized" content="320">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="/public/addon/pstyle/css/test.css">
    <link rel="stylesheet" href="/public/addon/pstyle/css/index2.css">
    <style>
      .slideout-menu { left: auto; }
      .btn-hamburger { left: auto; right: 12px;}
      .box { height: 1500px; }
        .side {
          position: absolute;
          right: 0.6rem;
          top: 0.9rem;
          width: 0.85rem;
          height: 0.7rem; }
		  
    </style>
	<script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.8.2.min.js"></script>
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/bootstrap.min.css">
  <script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="/public/addon/pstyle/js/bootstrap.min.js"></script>

  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/reset.min.css">
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/mycss.css">
</head>
<body>
<!-- 里面的是test.css、index.css、slideout.js是侧边栏的模板。里面nav是侧边栏里面的东西，把自己的内容放到main里面 -->
<nav id="menu" class="menu">
    <div class="new">{$menu[1]['name']}</div>
    <ul class="new_list">
      <volist name="list" id="list">
      <li class="list_is">
        <a href="__APP__/Stage/Phone/New_list/form_id/{$list['id']}.html">
          <img src="{$list['headline']}">
          <div>{$list['name']}</div>
        </a>
      </li>
     </volist>
    </ul>

</nav>

<main id="panel" class="panel" style="margin:0px;">
<!-- 头部 -->
  <header class="panel-header head">
      <a href="javascript:history.go(-1);"><img src="/public/addon/pstyle/images/fdjnhki_06.png" alt="" class="zuo"></a>
        {$new['name']}
      <img src="/public/addon/pstyle/images/ldgjkf_03.png"  class="btn-hamburger js-slideout-toggle side">
  </header>
  <div class="head_bottom" style="margin-top:-0.5rem;"></div>
<!--  中间部分开始-->
 <div class="newscon">
     <if condition ="$new['img'] neq ''">
	<img src="{$new['img']}" alt="">
	</if>
     <div class="news-contant">
         <h2>{$new['name']}</h2>
         <h6>{$new['time']|date="Y-m-d H:i:s",###}</h6>
         <section>
		{$new.value}
		</section>
     </div>
     <div class="news-about">
        <h2>相关新闻</h2>
         <ul class="news-about-ul">
			<volist name="list_news" id="list_news">
             <li>
                 <a href="">
                     <span>{$list_news['name']}</span>
                     <span>{$list_news['time']|date="Y-m-d H:i:s",###}</span>
                 </a>
             </li>
			 </volist>
         </ul>
     </div>
 </div>
  
  <!-- 底部 -->
  <!-- 底部的css样式在home.css开头的那一部分里面 -->
  <div class="bottom_top"></div>
  <div class="bottom">
    <ul class="bottom_list">
      <li>
        <a href="__APP__/Stage/Phone/about.html">
		<img src="/public/addon/pstyle/images/dsgbfyh_07.png">
          <!-- <img src="/public/addon/pstyle/img/22.png"> -->
          <div class="">{$menu[0]['name']}</div>
        </a>
      </li>
      <li>
         <a href="__APP__/Stage/Phone/New_list.html">
          <img src="/public/addon/pstyle/images/fdjnhki_13.png">
          <div class="more_is">{$menu[1]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Scheme_list.html">
          <img src="/public/addon/pstyle/images/gjmh_22.png">
          <div>{$menu[2]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Product_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_03.png">
          <div>{$menu[3]['name']}</div>
        </a>
      </li>
      <li class="more_bt">
        <img src="/public/addon/pstyle/images/gjmh_25.png">
        <div>更多</div>
      </li>
      <div class="clear"></div>
    </ul>
    <!-- 点击出来的 -->
    <ul class="more">
      <li>
         <a href="__APP__/Stage/Phone/Case_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_07.png">
          <div>{$menu[4]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Serve.html">
         <img src="/public/addon/pstyle/img/2.png">
          <div>{$menu[5]['name']}</div>
        </a>
      </li>
    </ul>
    <script>
        $(function(){
          $('.more_bt').click(function(){
            $('.more').slideToggle(0);
          });
		  
			$('.news-contant section p').find('img').each(function(){
			
					<!-- console.log($('.news-contant section p').find('img').width()); -->
					
					 if($('.news-contant section p').find('img').width() > 200){
							$('.news-contant section p').find('img').width('88%');
					 } 
			})
		<!-- var imgwidth = $('.news-contant section p').find('img'); -->
		  
		   <!-- $('.news-contant section p').eq(1).find('span').find('img').css({'width':'88%'}); -->
		  <!-- $('.news-contant section p').eq(4).find('span').find('img').css({'width':'88%'}); -->
		  <!-- $('.news-contant section p').eq(8).find('img').css({'width':'88%'}); -->
		  <!-- $('.news-contant section p').eq(11).find('img').css({'width':'88%'}); -->
		   <!-- $('.news-contant section p').eq(24).find('span').find('img').css({'width':'88%'});  -->
		   
        });
		
		
    </script>
  </div>
  <!--结束  -->
     
</main>
    <script src="/public/addon/pstyle/js/slideout.js"></script>
    <script>
      window.onload = function() {
        var slideout = new Slideout({
          'panel': document.getElementById('panel'),
          'menu': document.getElementById('menu'),
          'side': 'right'
        });

        document.querySelector('.js-slideout-toggle').addEventListener('click', function() {
          slideout.toggle();
        });

        document.querySelector('.menu').addEventListener('click', function(eve) {
          if (eve.target.nodeName === 'A') { slideout.close(); }
        });
      };
    </script>
</body>
</html>
<script>
  (function(doc, win) {
        var docEl = doc.documentElement, //html
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 / 375 * clientWidth + "px";
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        //    DOMContentLoaded,就是当dom结构加载完毕就执行,比window.onload要快
    })(document, window);
</script>